<template>
    <!--附件资料  -->
    <div class="laonone">
        <div class="dingbu">
            <div class="title">申请附件</div>
            <el-button type="primary" plain>打包下载</el-button>
        </div>
        <div class="content">
            <div class="mingchen">附件：1房产证</div>
            <KeepAlive>
            <el-upload action="#" list-type="picture-card" :auto-upload="false" >
                <el-icon>
                    <Plus />
                </el-icon>

                <template #file="{ file }">
                    <div>
                        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
                        <span class="el-upload-list__item-actions">
                            <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                                <el-icon><zoom-in /></el-icon>
                            </span>
                            <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleDownload(file)">
                                <el-icon>
                                    <Download />
                                </el-icon>
                            </span>
                            <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
                                <el-icon>
                                    <Delete />
                                </el-icon>
                            </span>
                        </span>
                    </div>
                </template>
            </el-upload>
            </KeepAlive>
           
        </div>
        <div class="kuang">
                    <div class="fanhui" @click="fanhui"><el-icon><ArrowLeft /></el-icon>返回</div>
                    <el-button type="primary" plain class="anniu">保存</el-button>
                    <el-button type="primary"  class="anniu">提交</el-button>
                </div>
    </div>
</template>

<script setup>
import{ref}from "vue"
import { useRouter } from 'vue-router';

var router = useRouter();
var fanhui = () => {
    router.push('/home/loan/loana')
}
</script>

<style scoped lang="scss">
.laonone {
    width: 100%;
    height: 600px;
    .dingbu {
        width: 200px;
        display: flex;
        justify-content: space-between;

        .title {
            font-size: 16px;
            font-weight: bold;
        }
    }   
   .content{
    width: 100%;
    height: 500px;
   }
   .kuang{
        float: right;
        padding: 30px;
        width: 300px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .fanhui{
            width: 60px;
            height: 30px;
            border: 1px solid #a0cfff;
            border-radius: 3px;
        }
   }
}
</style>
